<template>
    <div class="container">
        <div class="wrap-container" :style="{'height': wrapHeight + 'px'}">
            <text>{{title}}</text>
            <image style="width:500px;height:500px" :src="imagePath" ></image>
            <div class="wrap" @click="picker()"></div>
            <text>苹果可用，安卓可用</text>
        </div>
    </div>
</template>
<style scoped>
    .wrap-container {
        width: 750px;
        align-items: center;
        justify-content: center;
    }

    .wrap {
        width: 200px;
        height: 200px;
        border-radius: 100px;
        background-color: black;
    }

</style>
<script>
    import {
        Utils
    } from "weex-ui";
    var network = weex.requireModule('network');
    var netinfo = weex.requireModule('netinfo');
    const imageCropPicker = weex.requireModule('imageCropPicker');
    export default {
        data() {
            return {
                wrapHeight: 1334,
                title: 'null',
                play: true,
                status: 'play',
                imagePath:'bmlocal://assets/demo.jpg'
            }
        },
        created() {
            this.wrapHeight = Utils.env.getPageHeight();
            this.$navigator.setLeftItem({
                text: '返回', // 展示的文字 (和图片 二选一)    
                textColor: '', // 文字颜色 (默认为白色)
                fontSize: '32', // 字号（默认32px）
                fontWeight: 'normal', // 是否加粗（默认不加粗）
                image: '' // 展示的图片url (和文字 二选一，文字优先级更高)
            }, () => {
                // 点击回调
                this.$router.back({
                    type: 'PUSH'
                })
            })
        },
        methods: {
            picker(e) {
                var vm = this;
                imageCropPicker.openCamera({
                    mediaType: 'photo'
                },(response) => {
                // 成功返回 {code:'E_SUCCESS', data:{...}}
                vm.title = JSON.stringify(response.data);
                vm.imagePath = response.data.path;
            });
            }
        }
    }

</script>
